<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>登陆</title>
    <link rel="stylesheet" href="/css/login.css">
</head>

<body>
    <div class="dowebok">
        <div class="container">
            <div class="left">
                <div class="login">后台登陆</div>
                <div class="eula">欢迎光临，请输入您的用户名和密码以登录！</div>
            </div>
            <div class="right">
                <svg viewBox="0 0 320 300">
                    <defs>
                        <linearGradient inkscape:collect="always" id="linearGradient" x1="13" y1="193.49992" x2="307"
                            y2="193.49992" gradientUnits="userSpaceOnUse">
                            <stop style="stop-color:#ff00ff;" offset="0" id="stop876" />
                            <stop style="stop-color:#ff0000;" offset="1" id="stop878" />
                        </linearGradient>
                    </defs>
                    <path d="m 40,120.00016 239.99984,-3.2e-4 c 0,0 24.99263,0.79932 25.00016,35.00016 0.008,34.20084 -25.00016,35 -25.00016,35 h -239.99984 c 0,-0.0205 -25,4.01348 -25,38.5 0,34.48652 25,38.5 25,38.5 h 215 c 0,0 20,-0.99604 20,-25 0,-24.00396 -20,-25 -20,-25 h -190 c 0,0 -20,1.71033 -20,25 0,24.00396 20,25 20,25 h 168.57143" />
                </svg>
                <form action="/auth" method="post">
                <div class="form" >
                    <label for="email">用户名</label>
                    <input type="text" name="userName" id="email">
                    <label for="password">密码</label>
                    <input type="password" name="pwd" id="password">
                    <input type="submit" id="submit" value="登陆">
                </div>
                </form>
            </div>
        </div>
    </div>
    <script src="/assets/layui.js"></script>
    <script src="/js/anime.min.js"></script>
    <script src="/js/login-new.js"></script>
    <script th:inline="javascript">
        const error =[[${error}]];
        //一般直接写在一个js文件中
        layui.use(['layer', 'form'], function(){
            var layer = layui.layer
                ,form = layui.form;
             if (error){
                 layer.msg(error,{icon: 2,time:1000 });
             }

        });
        //向世界问个好
    </script>

</body>

</html>